* {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

div {
  box-sizing: border-box;
}

.layout {
  display: flex;
}

.slider {
  width: 375px;
}

.img {
  width: 375px;
  background-image: url(https://cdn.web-global.fds.api.mi-img.com/mcfe--mi-account/static/static/media/banner.92c693b4..jpg);
  background-size: cover;
  background-position: 50%;
  height: 100%;
}

.header {
  padding: 20px;
}

.iconsvg {
  display: inline-block;
  background-image: url(https://tse3-mm.cn.bing.net/th/id/OIP-C.-g6B_-VJVuXnSZQ4FjwqdwHaHX?pid=ImgDet&rs=1);
  width: 40px;
  height: 40px;
  background-size: cover;
}

.iconText {
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
  width: 130px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  vertical-align: top;
}

.aItem {
  color: #838383;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
  margin-right: 10px;
}

.container .header {
  display: flex;
  width: 1150px;
  justify-content: space-between;
}

select {
  border: none;
}

.form {
  padding-top: 20px;
  width: 1150px;
}

.form .card {
  width: 450px;
  /* height: 567px; */
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0 20px 50px 0 hsla(0, 0%, 64%, .1);
  padding: 40px 45px;
  overflow: hidden;
}

.form .card .content {
  width: 360px;
}

.tabList .loginText {
  font-size: 26px;
  color: #333;
  font-weight: 500;
  cursor: pointer;
}

.tabList .register {
  font-size: 26px;
  color: #838383;
  font-weight: 500;
  margin-left: 20px;
  cursor: pointer;
}

.tabList .line {
  width: 44px;
  height: 4px;
  border-radius: 2px;
  background-color: #ff5c00;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.loginInput {
  margin-top: 20px;
}

.input {
  border: none;
  width: 366px;
  height: 61.6px;
  margin-left: -5px;
  margin-right: -5px;
  row-gap: 0px;
  background-color: #f9f9f9;
  font-size: 17px;
  text-indent: 50px;
  margin-top: 20px;
}

.loginInput .agree {
  margin-top: 20px;
  zoom: 150%;
  vertical-align: text-bottom;
  background-color: #f9f9f9;
}

.loginInput .agreetext {
  display: inline-block;
  margin-left: 5px;
}

.loginButton {
  color: #f9f9f9;
  opacity: 0. 4;
  margin-top: 20px;
  width: 100%;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  padding: 0 20px;
  text-align: center;
  background-color: #ff5c00;
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  height: 60px;
  line-height: 60px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  vertical-align: top;
  white-space: nowrap;
}

.loginInput .forget {
  display: flex;
  color: #ff5c00;
  justify-content: space-between;
  margin-top: 20px;
}

.other .OtherWays {
  text-align: center;
  color: #838383;
  margin-top: 20px;
}

.otherIcon {
  border-radius: 23px;
  cursor: pointer;
  margin: 0 auto;
  display: block;
  font-size: 46px;
  height: 46px;
  overflow: hidden;
  width: 46px;
}

.allotherIcon {
  display: flex;
  margin-top: 20px;
}

.Alipay {
  background-image: url(https://ts1.cn.mm.bing.net/th/id/R-C.c1a6b94ad66a97a88d1b691a01033029?rik=bbt08tjxc7nmgw&riu=http%3a%2f%2fpic.616pic.com%2fys_bnew_img%2f00%2f03%2f78%2ff6L7nVffr3.jpg&ehk=%2fc0f0h5q0GbzL0VImVV1iiHgT7DIrcYG2qOa3rP%2b5Ws%3d&risl=&pid=ImgRaw&r=0);
  background-size: cover;
}

.wechat {
  background-image: url(https://ts1.cn.mm.bing.net/th/id/R-C.b4ae3496473df0a158d5b4927d3b74c1?rik=xVW%2fOYSozCCcrQ&riu=http%3a%2f%2fimages.shejidaren.com%2fwp-content%2fuploads%2f2020%2f03%2funnamed-file.png&ehk=N5w8ATecXx%2b1KWZ3xQORVtoIQU0Ijxz8%2bo6viRr14%2fE%3d&risl=&pid=ImgRaw&r=0);
  background-size: cover;
}

.qq {
  background-image: url(https://ts1.cn.mm.bing.net/th/id/R-C.bb97706c05e4a10920865d748f1b5c8c?rik=7v6NCBtsq5VtrQ&riu=http%3a%2f%2fwww.kuaipng.com%2fUploads%2fpic%2fwater%2f13451%2fgoods_water_13451_698_698_.png&ehk=Cz9nz7EpaPr9UAuXr0W9KN9EloqQ6ekPxhqAojv4O6E%3d&risl=&pid=ImgRaw&r=0);
  background-size: cover;
}

.microblog {
  background-image: url(https://ts1.cn.mm.bing.net/th/id/R-C.3bab951af42ef9e46e57c3e52634a07a?rik=fI%2ba%2fUXb9QnKyg&riu=http%3a%2f%2fimg.zcool.cn%2fcommunity%2f0104e9571c743432f875a399db949b.jpg%401280w_1l_2o_100sh.jpg&ehk=xeHg4gWw2KrvPfe8yldA7rIuBVVgmUwKVk%2fJUWw4Bms%3d&risl=&pid=ImgRaw&r=0);
  background-size: cover;
}

.apple {
  background: url(https://ts1.cn.mm.bing.net/th/id/R-C.dd71bb36caa57d3f044489d92a37349f?rik=F0O4xXomi2CHCw&riu=http%3a%2f%2fwww.kuaipng.com%2fUploads%2fpic%2fw%2f2018%2f10-20%2f49967%2fwater_49967_698_857.4_.png&ehk=QelebY%2brtWjivs%2blC5KkT1IEcJYf9fOHoZv0ymzT0CE%3d&risl=&pid=ImgRaw&r=0);
  background-size: cover;
}

.copyRight {
  margin-top: 50px;
  text-align: center;
  color: #999;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Fail {
  color: #ff5c00;
  margin-top: 20px;
}

.VerificationCode {
  width: 252px;
}

.Sendverificationcode {
  margin-top: 20px;
  display: block;
  width: 112px;
  line-height: 61.6px;
  background-color: #f9f9f9;
}

.Sendverificationcode:hover {
  cursor: pointer;
}